<template>
    <el-dialog v-model="props.visible" title="烫金版入库" align-center width="26%" @close="handleClose">

        <h3 style="font-weight: 700;">LOGO名称：CAKE(5人份)</h3>

        <div class="mb20" v-for="(item, index) in 3" :key="index">
            <div>
                <strong>烫金版1：</strong> CAKE(5人份)
            </div>
            <el-row :gutter="20" class="mb8">
                <el-col :span="1.5">
                    烫金版总数：20
                </el-col>
                <el-col :span="1.5">
                    烫金版库位：10
                </el-col>
                <el-col :span="1.5">
                    烫金版编号：A00001
                </el-col>
            </el-row>
            <el-button type="success">打印</el-button>
        </div>


      

        <template #footer>
            <div class="dialog-footer">
                <el-button @click="handleClose">取 消</el-button>
                <el-button type="primary" @click="handleSubmit">保 存</el-button>
            </div>
        </template>
    </el-dialog>
</template>

<script setup lang="ts">
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const props = defineProps(['visible']);
const emits = defineEmits(['submit', 'close']);


const handleSubmit = async () => {
    emits('submit', true);
};

const handleClose = () => {
    emits('close');
};
</script>

<style lang="scss" scoped>
.el-select {
    width: 100%;
}
</style>